<template>
  <div class="bread">
    <!-- 面包屑 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/admin/index' }"
        >首页</el-breadcrumb-item
      >
      <el-breadcrumb-item v-for="(item, index) in bread" :key="index">{{
        item
      }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  props: ["bread"],
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped>
.bread {
  margin-bottom: 25px;
  margin-top: 25px;
}
</style>
